<template>
  <div id="app">
    <Pager :current="current" :total="302" @pageChange="handlePageChange($event)"/>
  </div>
</template>

<script>
import Pager from './'

export default {
  name: 'App',
  components: {
    // Avatar,
    // Icon,
    Pager,
  },
  data(){
      return {
          current: 3
      }
  },
  methods: {
      handlePageChange(newPage){
          this.current = newPage;
      }
  }
}
</script>

<style scoped>
.iconfont{
  color: green;
  font-size: 28px;
}
</style>
